<template>
  <div>
    <h1>Welcome!{{ msg }}</h1>
    <ul>
      <router-link to="/hello" tag="li"><a href="/hello">Hello</a></router-link>
    </ul>
    <el-button @click="goHello">点他</el-button>
  </div>
</template>
<script>
export default {
  data() {
    return {
      msg: this.$route.query.data
    };
  },
  methods: {
    goHello() {
      this.$router.push("/hello")
    }
  }
//   data() { //这种方式也可以
//     return {
//       msg: null
//     };
//   },
  // created() {
  //   this.msg = this.$route.query.data;
  // }
}
</script>
